<%@ page language="java" import="java.util.*" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<meta name="applicable-device" content="pc">
		<meta name="MobileOptimized" content="width">
		<meta name="HandheldFriendly" content="true">
		<title>心理网</title>
		<meta name="keywords" content="教育方法,你有多接纳孩子，就有多接纳自己！">
		<meta name="description" content="面对孩子，尊重、欣赏、接纳...这似乎是一些简单的常识。可太多时候，人们将之遗忘，或为了“更重要”的理由而弃...">
		<link rel="shortcut icon" href="../images/favicon.ico" type="image/x-icon">
		<link rel="Bookmark" href="../images/favicon.ico" type="image/x-icon">
		<link rel="stylesheet" href="../css/css.css">
		<link rel="stylesheet" href="../css/yuyueserver.css">
		<link rel="stylesheet" href="../css/article/article.css">
		<link rel="stylesheet" href="../css/article/verifycode.css">
		<link rel="stylesheet" href="../css/article/visitinguser.css">
		<link rel="stylesheet" href="../css/article/comment.css">
		<link rel="stylesheet" href="../css/article/visiting.css">
		<link rel="stylesheet" href="../css/article/favorites.css">
		<link rel="stylesheet" href="../css/article/helpful.css">
		<link rel="stylesheet" href="../css/article/view.css">
		<link rel="stylesheet" href="../css/article/citydr.css">
		<link rel="stylesheet" href="../css/article/cityorg.css">
		<link rel="stylesheet" href="../css/article/jquery.autosize.css">
		<script src="../js/jquery.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/vue.js" type="text/javascript" charset="utf-8"></script>
		<script src="../js/axios-0.19.2/axios.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="../layui/layui.js" type="text/javascript" charset="utf-8"></script>
		<style type="text/css">
			.user-name-span{
				float: left;
				padding-left: 8px;
				display: block;
				cursor: pointer;
				font-size: 16px;
				ont-weight: 800;
				font-family: monospace;
			}
			.user-a-before-span{
				float: right;
				margin-left: 10px;
				margin-top: 11px;
				color: #4C4C4C;
				display: block;
				width: 110px;
				height: 33px;
				line-height: 33px;
				padding-left: 15px;
			/*background: #E1E1E1;*/
			/* border-radius: 100px;
			}
		</style>
	</head>
	<body style="">
		<div class="bg bar">
			<div class="wrap">
				<ul id="mge">
				</ul>
				<div class="topright">
					<c:if test="${!empty userVO}">
						<a href="javascript:void(0);" class="user-a-before-span">
							<span class="user-name-span">${userVO.userName}</span>
						</a>
					</c:if>
					<c:if test="${empty userVO}">
						<a href="/login/login.html" target="_self" class="bg lr">
							<i class="bg login"></i>
							<span>登录 / 注册</span><br class="clear">
						</a>
					</c:if>
				</div><br class="clear">
				<div id="showmsg" style="display: none;">
					<div><em><i class="bg"></i></em>
						<ul id="showmsglist">
							<li></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
		<div id="headeline"></div>
		<div id="navlist" class="full">
		</div>

		<div class="wrap pdline" id="articalApp" pk_expert_article="${pkExpertArticle}">
			<div class="artview-l">
				<p class="artType"><!-- <a href="/art/type/6.html" title="全部教育文章"><b>教育</b><i></i></a> --></p>
				<h1 id="a-title">{{title}}</h1>
				<p id="a-remark"><i>发布于{{make_data}}</i><i>{{source}}</a></i><i>阅读{{readtime}}</i><i class="commentlink">评论<b
						 class="commentStat">0</b></i></p>
				<div class="a-body" v-html="content"></div><br class="clear">
			</div>
		</div>
		<div id="ask-box">
			<p><a href="javascript:void(0);" class="close">X</a><a href="/ask/ask.html" class="tit" target="_blank"><i>向心理专家咨询</i>帮您解答心理困惑</a><a
				 href="/ask/ask.html" target="_blank" class="ask-box-btn">点击咨询</a></p>
			<p id="dr-list-mobile"><span><b>电话咨询</b>(全国)</span><a href="/d1227.html" class="dh" target="_blank"><b>15937210396</b>杨晓英</a><a
				 href="/d24183.html" class="dh" target="_blank"><b>15729366253</b>王寒</a><a href="/d57.html" class="dh" target="_blank"><b>13879266135</b>龙慧兰</a><a
				 href="/d7600.html" class="dh" target="_blank"><b>18511372003</b>王秀芝</a><a href="/d12202.html" class="dh" target="_blank"><b>18018102270</b>王海梅</a><br><em
				 class="regdrapply_global"><a href="/reg/drinfo.html">专家入驻 &gt;</a></em></p>
		</div>
		<div id="ask-box-close" style="display: block;"><a href="javascript:_void(0);" title="点击展开">向心理专家咨询←</a></div>
		<div class="pagefoot footbd"><br>
			<div class="wrap">
				<ul>
					<li style="text-align:center;line-height:1.8em;font-size:1.1em;margin-bottom:1em;color:#737373"><b>— 525心理网郑重提醒 —</b><br>私下交易有风险，付费咨询请使用“预约咨询”，平台担保，支持退款安全有保障！<br><br></li>
				</ul><br class="clear">
			</div>
		</div>
		<script>
			var articalApp = new Vue({
				el:'#articalApp',
				data:{
					title:'',
					source:'',
					readtime:'',
					tag:'',
					content:'',
					pic:'',
					make_data:''
				},
				created:function(){
					var pk_expert_article = $('#articalApp').attr('pk_expert_article');
					let param = new URLSearchParams();
					param.append('pk_expert_article', pk_expert_article);
					var that = this;
					axios({
						method: 'post',
						data:param,
						url: '/expert_article/getArtileDetail.json'
					}).then(function(res) {
						var resultData = res.data;
						var expertArticalVO = resultData.data.expertArticalVO;
						var content = resultData.data.content;
						if(!resultData.success){
							alert(resultData.msg);
						}else{//保存成功后转入登入页面
							that.title=expertArticalVO.title;
							that.source=expertArticalVO.source;
							that.readtime=expertArticalVO.readtime;
							that.tag=expertArticalVO.tag;
							that.pic=expertArticalVO.pic;
							that.make_data=expertArticalVO.makeData;
							that.content = content;
						}
					})
				}
			})
		</script>
		<div class="backToTop" style="display: block;"><a href="javascript:void(0);" class="bg"></a></div><textarea tabindex="-1"
		 style="position: absolute; inset: -999px auto auto 0px; border: 0px; box-sizing: content-box; overflow-wrap: break-word; overflow: hidden; height: 0px !important; min-height: 0px !important; font-family: monospace; font-size: 14px; font-weight: 400; font-style: normal; letter-spacing: 0px; text-transform: none; word-spacing: 0px; text-indent: 0px; line-height: 20px; width: 545px;"
		 class="autosizejs"></textarea>
	</body>
</html>
